<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8"/>
    <title id="page-title">后台主页</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>

    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link href="${basePath}/assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet"/>
    <link href="${basePath}/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="${basePath}/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="${basePath}/assets/css/animate.min.css" rel="stylesheet"/>
    <link href="${basePath}/assets/css/style.min.css" rel="stylesheet"/>
    <link href="${basePath}/assets/css/style-responsive.min.css" rel="stylesheet"/>
    <link href="${basePath}/assets/css/theme/default.css" rel="stylesheet" id="theme"/>
    <!-- ================== END BASE CSS STYLE ================== -->

    <!-- ================== BEGIN BASE JS ================== -->
    <script src="${basePath}/assets/plugins/pace/pace.min.js"></script>
    <!-- ================== END BASE JS ================== -->
</head>
<body style="font-family: 'Microsoft YaHei', '微软雅黑';background: #d9e0e7">
<!-- begin #page-loader -->
<div id="page-loader" class="fade in"><span class="spinner"></span></div>
<!-- end #page-loader -->

<!-- begin #page-container -->
<div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
    <!-- begin #header -->
<#include "common/header.ftl">
    <!-- end #header -->

    <!-- begin #sidebar -->
    <div id="sidebar" class="sidebar">
        <!-- begin sidebar scrollbar -->
        <div data-scrollbar="true" data-height="100%">
            <!-- begin sidebar user -->
            <!--<ul class="nav">
                <li class="nav-profile">
                    <div class="image">
                        <a href="javascript:;"><img src="assets/img/user-13.jpg" alt="" /></a>
                    </div>
                    <div class="info">
                        Sean Ngu
                        <small>Front end developer</small>
                    </div>
                </li>
            </ul>-->
            <!-- end sidebar user -->
            <!-- begin sidebar nav -->
            <ul class="nav">
                <li class="nav-header" style="font-size: medium"><i class="fa fa-sliders fa-lg"></i> 目录</li>
                <li class="has-sub active">
                    <a href="javascript:;">
                        <b class="caret pull-right"></b>
                        <i class="fa fa-laptop"></i>
                        <span>系统管理</span>
                    </a>
                    <ul class="sub-menu">
                        <li class="active"><a href="#/sysUser/" data-toggle="ajax">用户管理</a></li>
                        <li><a href="#/sysRole/" data-toggle="ajax">角色管理</a></li>
                        <li><a href="#/resource/" data-toggle="ajax">权限管理</a></li>
                        <li><a href="#/organization/" data-toggle="ajax">组织管理</a></li>
                        <li><a href="#/sysDic/" data-toggle="ajax">数据字典</a></li>
                    </ul>
                </li>
                <!-- begin sidebar minify button -->
                <li><a href="javascript:;" class="sidebar-minify-btn" data-click="sidebar-minify"><i
                        class="fa fa-angle-double-left"></i></a></li>
                <!-- end sidebar minify button -->
            </ul>
            <!-- end sidebar nav -->
        </div>
        <!-- end sidebar scrollbar -->
    </div>
    <div class="sidebar-bg"></div>
    <!-- end #sidebar -->

    <!-- begin #ajax-content -->
    <div id="ajax-content">
    </div>
    <!-- end #ajax-content -->

    <!-- begin theme-panel -->
<#include "common/theme-panel.ftl">
    <!-- end theme-panel -->

    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i
            class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<!-- end page container -->

<!-- ================== BEGIN BASE JS ================== -->
<script src="${basePath}/assets/plugins/jquery/jquery-1.9.1.min.js"></script>
<script src="${basePath}/assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
<script src="${basePath}/assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="${basePath}/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="${basePath}/assets/crossbrowserjs/html5shiv.js"></script>
<script src="${basePath}/assets/crossbrowserjs/respond.min.js"></script>
<script src="${basePath}/assets/crossbrowserjs/excanvas.min.js"></script>
<![endif]-->
<script src="${basePath}/assets/plugins/jquery-hashchange/jquery.hashchange.min.js"></script>
<script src="${basePath}/assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="${basePath}/assets/plugins/jquery-cookie/jquery.cookie.js"></script>
<script src="${basePath}/assets/plugins/layer/layer.js"></script>
<!-- ================== END BASE JS ================== -->

<!-- ================== BEGIN PAGE LEVEL JS ================== -->
<script src="${basePath}/assets/js/apps.js"></script>
<!-- ================== END PAGE LEVEL JS ================== -->

<script>
    $(document).ready(function () {
        App.init();
    });

    function logOut() {
        $.ajax({
            type: "POST",
            url: '/main/logout',
            dataType: 'json',
            success: function (data) {
                if (data.success) {
                    window.location.href = '${basePath}/main/index'
                }
            },
            error: function (data) {
                alert("error:" + data.responseText)
            }
        })
    }
</script>
</body>
</html>
